<HTML>
<HEAD>
<TITLE></TITLE>

<link rel="stylesheet" type="text/css" href="../../css/tabs.css"/>
<link rel="stylesheet" type="text/css" href="css/map_builder.css"/>

</HEAD>

<BODY>

<script type="text/javascript" src="../../js/Util.js"></script>
<script type="text/javascript" src="../../js/MouseUtil.js"></script>
<script type="text/javascript" src="../../js/Ajax.js"></script>
<script type="text/javascript" src="../../js/Tabs.js"></script>
<script type="text/javascript" src="../../js/Point2d.js"></script>
<script type="text/javascript" src="js/MapLayer.js"></script>
<script type="text/javascript" src="js/MapBuilder.js"></script>

<p>
	<h3>Map Settings</h3>
	<div>
		<div class="map_settings_label">name</div>: 
		<input type="text" value="myMap"/>
	</div>

	<div>
		<div class="map_settings_label">size</div>:
		<input type="text" value="400" size="3"/>
		x<input type="text" value="300" size="3"/>
		<input type="button" value="new"/>
	</div>
</p>

<div>
	<div id="tile_sets" class="tabs">
		<ul class="tabs_picker">
		</ul>
		<div class="tabs_area">
		</div>
	</div>
	<div id="maps" onclick="mapBuilder.mapClick( event );">
	</div>
</div>
<pre id="console" style="position:relative;top:-700px">
</pre>


<script type="text/javascript">
	var mapBuilder = new MapBuilder( 
		'tile_sets'
		, 'maps' 
		, 3
	);


</script>

</BODY>
</HTML>
